<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"  language="java" %>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@ taglib uri="/tags/struts-logic" prefix="logic" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html locale="true">
<head>
</head>
<c:set var="cantAreas" value="${requestScope.cantAreas}"></c:set>
<c:set var="nombArea" value="${requestScope.nombArea}"></c:set>
<c:set var="codiArea" value="${requestScope.codiArea}" target="ea"></c:set>
<body>
<html:form action="/ProcesoNivel3" name="procesoNivel3Form" styleId="procesoNivel3Form" type="com.epcs.subGNuevosNegocios.eci.struts.form.ProcesoNivel3Form">
<input type="hidden" id="dispatch" name="dispatch" value=""/>
<input type="hidden" id="idProceso" name="idProceso" value=""/>
<input type="hidden" id="hdnNivel" name="hdnNivel" value="3"/>
<table align="right">
	<tr>
		<td valign="top" align="right"><img alt="Cerrar" src="../image/close.png" width="20" onclick="closeAddMoreClie();"> </td>
	</tr>
</table>
<br/>
<br/>
<table border="0" width="100%">
	<thead class="csstextreadonlyr">Agregar clientes</thead>
</table>
<hr>
<br>
<table width="100%">
	<thead class="csstextreadonlyl">Agregar Clientes</thead>
</table>
<c:if test="${cantAreas>1}">
<br>
<table id="tblAreas" width="70%">
	<thead>Usted posee mas de una unidad o area a cargo, seleccione sobre la que desea interactuar</thead>
	<tr>
		<td class="csstextr">Unidad o area a cargo</td>
		<td class="csstextr">Seleccionar</td>
	</tr>
	<logic:iterate id="unidad" name="procesoNivel3Form" property="lstUnidades">
	<tr>
		<td><bean:write name="unidad" property="nombre"/> </td>
		<td><input class="cssbutton100" type="button" value="seleccionar" /></td>
	</tr>
	</logic:iterate>
</table>
</c:if>

<div id="divSeleccionPS" <c:if test="${cantAreas>1}"> style="display: none"</c:if> >

<input type="hidden" id="hdnNombVP" value="<c:out value="${nombArea}"></c:out>">
<input type="hidden" name="hdnCodiVP" id="hdnCodiVP" value="<c:out value="${codiArea}"></c:out>">
<input type="hidden" id="hdnValGerencia" value=""/>
<input type="hidden" id="hdnValSubGerencia" value=""/>
<input type="hidden" id="hdnValArea" value=""/>

<h4 style="display: none">Area a cargo <c:out value="${nombArea}"></c:out></h4>
<br/>
<table width="50%">
	<tr><td>&nbsp;</td></tr>
	<tr><td colspan="2">Buscar clientes en:&nbsp;</td></tr>
	<tr align="right">
		<td><input class="cssbutton100" type="button" value="Buscar en árbol" id="launchTreeNivel3"/></td>
		<td><input class="cssbutton100" type="button" value="Proceso Anterior" id="launchProcess" onclick="cargaProcesosAnterioresNivel3()"/></td>
	</tr>
</table><br/>
<br/>
<hr/>
<table width="100%" id="tblArbolAreas" style="display: none;">
	<tr><td>
				<h1 class="csstextreadonlyr"><img alt="" src="../image/uploading.gif" id="treeUploadImg">Arbol de jerarquia</h1></td>
		<td>
				<h1 class="csstextreadonlyr"><img alt="" src="../image/uploading.gif" id="viewUploadImg">Empleados</h1> </td></tr>
	<tr>
		<td> <input type="text" name="txtBuscador" id="txtBuscador" size="100" /></td>
		<td> Buscar:&nbsp;
			<input type="button" class="cssbutton100" value="Area" onclick="obtenerAreasBuscador();"/>&nbsp;&nbsp;&nbsp;
			<input type="button" class="cssbutton100" value="Empleado" onclick="obtenerEmpleadosBuscador();"/>&nbsp;&nbsp;&nbsp;
			<input type="button" class="cssbutton100" value="Mostrar árbol" id="launchTreeNivel3b""/>
		</td>
	</tr>
	<tr><td colspan="2"><hr/></td></tr>
	<tr id="trArbol">
		<td width="50%">
		
			<small><input type="checkbox" id="masiveOp" value="masivo"></input>asignaci&oacute;n masiva de area</small>
				<div id="tree_section">
				<div id="tree-pannel" class="scrollv">
				<input type="hidden" id="codiArea" value="<c:out value="${codiArea}"></c:out>">
				<ul id="tree-h" >
					<!-- <li srcid="00000000"><div id="roottest">Raiz</div>
					<ul></ul>
					</li> -->
				</ul>
				</div>
				</div>
			</td>
		<td width="50%">
		<br />
		<div  id="divAreas" class="scrollv"></div></td>
	</tr>
	<tr id="trBuscadorArea" style="display: none;">
		<td width="50%"><div  id="divAreasBusqueda" class="scrollv"></div></td>
		<td width="50%"><div  id="divEmpleadosBusquedaArea" class="scrollv"></div></td>
	</tr>
	<tr id="trBuscadorEmpleado" style="display: none;">
		<td colspan="2" width="95%"><div  id="divEmpleadosBusqueda" class="scrollv"></div></td>
	</tr>
	<tr id="trButtonSelect2" style="display: none">
		<td align="right" colspan="2">
			<input class="cssbutton" id="btnSelectPS" type="button" align="right" value="Asignar clientes a Preguntas" onclick="guardaClieArbol()"/> 
		</td>
	</tr>
	<tr id="trLblAreaSelect" style="display: none">		
		<td valign="top" align="left"><input class="cssbutton150" type="button" value="Cancelar Selección" onclick="cancelaSeleccion()"/> </td>
	</tr>
</table>
<table width="100%" id="tblProcesoAnterior" style="display: none;">
	<tr>
		<td width="50%">
		<table border="0" width="90%">
			<tr><td>
			<h1 class="csstextreadonlyr"><img alt="" src="../image/uploading.gif" id="procUploadImg">Procesos Anteriores</h1></td>
			</tr>
		</table>
		<hr />
		<br />
		<div  id="divProcesosAnteriores" class="scrollv"></div></td>
		<td width="50%">
		<table border="0" width="90%">
	
			<tr><td>
				<h1 class="csstextreadonlyr"><img alt="" src="../image/uploading.gif" id="clieUploadImg">Clientes que participaron en el proceso de encuesta</h1></td>
			</tr>
		</table>
		<hr>
		<br>
		
		<div  id="divCPa" class="scrollv"></div></td>
	</tr>
	<tr id="trButtonSelect" style="display: none">
		<td colspan="2" align="right"><input class="cssbutton" type="button" value="Asignar clientes a Preguntas" onclick="guardaClieProcAntN3()"/> </td>
	</tr>
</table>
<br>
<br>
<hr>
<table width="100%" id="tblClientes">
	<thead class="csstextreadonlyl">Clientes seleccionados</thead>
	<tr>
		<td class="csstextr">&Aacute;rea</td>
		<td width="30%" class="csstextr">Cliente</td>
		<td width="15%" class="csstextr">Eliminar</td>
	</tr>
</table>

<br>

<table>
	<tr>
		<td><input type="button" class="cssbutton" value="Volver" onclick="closeAddMoreClie();"/></td>
		<td><input type="button" class="cssbutton" value="Guardar" onclick="validaAddClientes()"/></td>
	</tr>
</table>

</div>

</html:form>
</body>
</html:html>